<script type="text/javascript">
    try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
</script>
<ul class="breadcrumb">
    <li>
        <i class="ace-icon fa fa-home home-icon"></i>
        <a href="">Home</a>
    </li>
{% for crumb in breadcrumbs %}
    {% if loop.last %}
    {% set style=' class="active"' %}
    {% endif %}
    {% if crumb.url and not loop.last %}
        <li{{ style|default('')|raw }}><a href="{{ crumb.url }}">{{ crumb.text }}</a></li>
    {% else %}
        <li{{ style|default('')|raw }}>{{ crumb.text }}</li>
    {% endif %}
{% endfor %}
</ul>
<!-- #section:basics/content.searchbox -->
<div class="nav-search" id="nav-search">
    <form class="form-search">
            <span class="input-icon">
                <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
                <i class="ace-icon fa fa-search nav-search-icon"></i>
            </span>
    </form>
</div><!-- /.nav-search -->